<!DOCTYPE html>
<html>
<head>
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/raphael-min.js"></script>
    <script src="../kartograph.js"></script>
    <script type="text/javascript">

$(function() {

    kartograph('#map').load('svg/world.svg').done(function(map) {
        map.addLayer('countries', {
            styles: {
                fill: '#abc',
                stroke: '#fff'
            },
            chunks: 50,
            done: function() {
                map.getLayer('countries').style('fill', '#789');
            }
        });
    });

});


    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>